<html>
<head>
    <title>大客户系统</title>
    <link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" href="./css/layout.css" media="all" />
</head>
<body>
<div class="layui-layout layui-layout-admin beg-layout-container">
    <div class="layui-header beg-layout-header">
        <div class="beg-layout-main beg-layout-logo">
            <img src="./images/zl-logo.jpg"  style="width: 150px ;height: 50px;"/>
        </div>

        <div class="beg-layout-main beg-layout-side-toggle">
            <i class="fa fa-bars" aria-hidden="true"></i>
        </div>

        <!--一级菜单-->
        <div class="beg-layout-main beg-layout-menu" id="menu">
            <ul class="layui-nav beg-layout-nav" lay-filter="">
                <li class="layui-nav-item layui-this">
                    <a href="javascript:;" data-module-id="1">
                        <i class="fa fa-desktop" aria-hidden="true"></i>
                        <cite>订单</cite>
                    </a>
                </li>
            </ul>
        </div>
        <div class="beg-layout-main beg-layout-panel">
            <ul class="layui-nav beg-layout-nav" lay-filter="user">
                <li class="layui-nav-item">
                    <a href="javascript:;" class="beg-layou-head">
                        <img src="./images/0.jpg" />
                        <span id="userName"></span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;" data-tab="true" data-url="user.html">
                                <i class="fa fa-user-circle" aria-hidden="true"></i>
                                <cite>个人信息</cite>
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;" data-tab="true" data-url="setting.html">
                                <i class="fa fa-gear" aria-hidden="true"></i>
                                <cite>设置</cite>
                            </a>
                        </dd>
                        <dd>
                            <a href="signin">
                                <i class="fa fa-sign-out" aria-hidden="true"></i>
                                <cite>注销</cite>
                            </a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <!--侧边栏-->
    <div class="layui-side beg-layout-side" id="admin-side">
        <div class="layui-side-scroll" id="side" lay-filter="side"></div>
    </div>

    <!--内容区域-->
    <div class="layui-body beg-layout-body">
        <div class="layui-tab layui-tab-brief layout-nav-card" lay-filter="layout-tab" style="border: 0; margin: 0;box-shadow: none; height: 100%;">
            <ul class="layui-tab-title">
                <li class="layui-this">
                    <a href="javascript:;">
                        <i class="fa fa-dashboard" aria-hidden="true"></i>
                        <cite>首页</cite>
                    </a>
                </li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <iframe src="home"></iframe>
                </div>
            </div>
        </div>
    </div>
    <!--页脚-->
    <div class="layui-footer beg-layout-footer">
        <p>2017 &copy;
            <a href="http://www.unlcon.com/">中联物流（中国）有限公司</a>
        </p>
    </div>
</div>

<script type="text/javascript" src="./js/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="./plugins/layui/layui.js"></script>
<script src="./js/layout.js "></script>


<!--
    <script>
        layui.use('layer', function() {
            var $ = layui.jquery,
                layer = layui.layer;

            $('#video1').on('click', function() {
                layer.open({
                    title: 'YouTube',
                    maxmin: true,
                    type: 2,
                    content: 'video.html',
                    area: ['800px', '500px']
                });
            });
            $('#pay').on('click', function () {
                layer.open({
                    title: false,
                    type: 1,
                    content: '<img src="images/xx.png" />',
                    area: ['500px', '250px'],
                    shadeClose: true
                });
            });
        });

    </script>
    -->
</div>
</body>
</html>